<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>WMS</title>
		<link href="/css/backstage.css" rel="stylesheet" type="text/css">
		<script type="text/javascript" src="/js/jquery.min.js"></script>
		<script type="text/javascript" src="/js/backstage.js"></script>
		<link href="/css/blitzer/jquery-ui.css" rel="stylesheet"
			type="text/css" />
		<script type="text/javascript" src="/js/jquery-ui.js"></script>
		<script>

</script>
		<style>
html,body {
	text-align: center;
	border: none;
	background: none
}

#content {
	width: 900px;
	text-align: left;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	background: white;
	height: 100%
}

.contentTop {
	height: 80px;
	line-height: 80px;
	width: 100%;
	text-align: left;
	font-size: 15px;
	font-weight: bold;
}

.contentBottom {
	height: 50px;
	line-height: 50px;
	width: 100%;
	text-align: right;
}

.list {
	width: 800px;
	max-height: 28cm;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
}

.list tr {
	height: 30px
}

.list th,.list td {
	border: 1px solid black;
	text-align: center;
}

.width1 {
	width: 80px;
	text-align: right;
}

.width2 {
	width: 170px;
}

.width3 {
	width: 100px;
}

.width4 {
	width: 150px;
}

.center {
	text-align: center
}

.action {
	cursor: pointer;
	marin: 2px
}

.editTable td {
	padding: 5px;
	text-align: left;
}

.barcode {
	display: inline-block;
	zoom: 1; *
	display: inline;
	margin-left: 50px;
	margin-bottom: 0px;
	height: 40px;
	overflow: hidden;
	margin-top: 30px
}

.printTitle {
	display: inline-block;
	zoom: 1; *
	display: inline;
	font-size: 30px;
	margin-left: 200px;
}
</style>
	</head>
	<body>
		<div id="content">
			<{if isset($result.orders)}> 
			<{assign var="itemCount" value="0"}>
			<{foreach from=$result.orders item=order name=detail}> 			
				<{foreach from=$order.order_product item=product key=key name=product}> 				 
					<{foreach from=$product.bantch item=bantch key=k name=bantch}> 	
					<{if $itemCount%20 == 0}>
					<div class="contentTop">
						<div class="barcode">
							<img src="/product/receiving/barcode/code/<{$result.code}>"/>
						</div>
						<div class="printTitle">
							<{$lang.offshelf}><{$lang.items}>
						</div>
					</div>
		
					<table class="list">
					<tr>
						<td>
							<{$lang.code}>
						</td>
						<td colspan='2'>
							<{$result.code}>
						</td>
						<td>
							<{$lang.category}>
						</td>
						<td colspan='2'>
							<{$result.category.poc_value}>
						</td>
					</tr>
					<tr>
						<td>
							<{$lang.offshelfer}>
						</td>
						<td colspan='2'>
							<{$result.admin}>
						</td>
						<td>
							<{$lang.date}>
						</td>
						<td colspan='2'>
							<{$result.date}>
						</td>
					</tr>
					<tr>
						<th>
							<{$lang.No}>
						</th>
						<th>
							<{$lang.orders_code}>
						</th>
						<th>
							<{$lang.product}><{$lang.code}>
						</th>
						<th>
							<{$lang.product}><{$lang.name}>
						</th>
						<th>
							<{$lang.ws_code}>
						</th>
						<th>
							<{$lang.quantity}>
						</th>
					</tr>
					<{/if}>				
					<{$itemCount = $itemCount+1}>
					<tr>
						<td>
							<{$itemCount}>
						</td>
						<td>
							<{$order.orders_code}>
						</td>
						<td>
							<{$order.customer_id}>-<{$product.product_sku}>
						</td>
						<td>
							<{$product.product_title}>
						</td>
						<td>
							<{$bantch.ws_code}>
						</td>
						<td>
							<{$bantch.take}>
						</td>
					</tr>
					
					<{if ($itemCount)%20 == 0}>
					</table>
					<div class="contentBottom" style="page-break-after: always">
						<div style="height: 20px;">
							<{$lang.offshelfer}>:__________________
							<div
								style="width: 50px; display: inline-block; zoom: 1; * display: inline"></div>
						</div>
						<div>
							<{$lang.offshelf}><{$lang.date}>:__________________
							<div
								style="width: 50px; display: inline-block; zoom: 1; * display: inline"></div>
						</div>
					</div>
					<{/if}> 
					<{/foreach}> 
				<{/foreach}> 				
			
			<{/foreach}>
			
			<{if ($itemCount)%20 != 0}>
			</table>
			<div class="contentBottom" style="page-break-after: always">
				<div style="height: 20px;">
					<{$lang.offshelfer}>:__________________
					<div
						style="width: 50px; display: inline-block; zoom: 1; * display: inline"></div>
				</div>
				<div>
					<{$lang.offshelf}><{$lang.date}>:__________________
					<div
						style="width: 50px; display: inline-block; zoom: 1; * display: inline"></div>
				</div>
			</div>
			<{/if}> 
			<script>
				//window.open("/product/off-shelf/hot-print-detail");
			</script>
			<{/if}>
		</div>

	</body>
</html>